<template>
    <div class="app-container">
      <el-form :inline="true" :model="formInline" >
        <el-form-item label="姓名">
          <el-input v-model="formInline.name"></el-input>
        </el-form-item>
        <el-form-item label="咨询状态">
          <el-select v-model="formInline.status" placeholder="">
            <el-option v-for="item in statusList" :key="item" 
            :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="时间">
          <el-date-picker
            v-model="dates"
            type="daterange"
            value-format="yyyy-MM-dd"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="时间">
          <el-date-picker
            v-model="dates"
            type="daterange"
            value-format="yyyy-MM-dd"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="咨询状态">
          <el-select v-model="formInline.status" placeholder="">
            <el-option v-for="item in statusList" :key="item" 
            :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini">重置</el-button>
        </el-form-item>
      </el-form>
      <div style="margin-bottom: 10px;">
        <el-button type="primary" icon="el-icon-plus" size="mini" @click="drawer=true">新增咨询</el-button>
      </div>
      <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
        <el-tab-pane label="全部" name="first">
          <el-table :data="dataList">
            <el-table-column label="左侧固定" fixed="left"></el-table-column>
            <el-table-column label="操作" fixed="right">
              <template>
                <el-button type="primary">详情</el-button>
              </template>
            </el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
            <el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column><el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column><el-table-column label="姓名" prop="name"></el-table-column>
            <el-table-column label="性别" prop="sex"></el-table-column>
           
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="今日新增" name="second">配置管理</el-tab-pane>
      </el-tabs>
      <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
      </el-pagination>

      <el-drawer
      title="我是标题"
      :visible.sync="drawer"
      :before-close="handleClose">
      <span>我来啦!</span>
    </el-drawer>
    </div>
  </template>
  
<script>

export default {
  name: "Config",
  data() {
    return {
      drawer:false,
      //保存查询条件的对象
      formInline:{
        name:null,
        status:"1",
        beginDate:null,
        endDate:null
      },
      dates:[],
      statusList:[
        {
          label:"已分配",value:"1"
        },
        {
          label:"无意向",value:"2"
        }
      ],
      activeName:"first",
      dataList:[
        {
          name:"张三",
          sex:"男",
        },
        {
          name:"张三1",
          sex:"男1",
        },
        {
          name:"张三2",
          sex:"男2",
        },
      ]
    };
  },
  created() {
    
  },
  methods: {
    /** 查询参数列表 */
    getList() {
      
    },
    show(){
      this.drawer=true
    }
  }
    
};
</script>

<style>

</style>
  